*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
:focus { outline: 0; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
nav,ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
ul, li{ margin: 0; list-style: none; }
a{ cursor: pointer;}
i{ font-style: normal; }
html,body{ font-family: 'STHeitiSC-Light','Microsoft YaHei'; color: #666;width: 100%;height:100%;}

.placeholder{position:relative;}
.placeholder>span{position:absolute;z-index:1;width:100px !important;/*height:32px !important;line-height: 32px !important;*/ left:5px;text-align: left !important; font-size: 14px;color: #CCCCCC!important;letter-spacing: 0.16px;}
::-webkit-input-placeholder{font-family: "STHeitiSC-Light";font-size: 14px;color: #CCCCCC!important;letter-spacing: 0.16px;}
:-moz-placeholder{font-family: "STHeitiSC-Light";font-size: 14px;color: #CCCCCC!important;letter-spacing: 0.16px;}
::-moz-placeholder{font-family: "STHeitiSC-Light";font-size: 14px;color: #CCCCCC!important;letter-spacing: 0.16px;}
:-ms-input-placeholder{font-family: "STHeitiSC-Light";font-size: 14px;color: #CCCCCC!important;letter-spacing: 0.16px;}
.w{width:1200px;margin:0 auto;}
.hidden{display:none !important;}
.canshow{display:block !important;}
.tooltip { position: fixed; left: 50%; top: 38%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 11000; padding: 0 20px; height: 54px; line-height: 54px; background-color: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); opacity: 0; filter: alpha(opacity=0); text-align: center; font-size: 16px; color: #fff; -webkit-transition: opacity 1s linear; -moz-transition: opacity 1s linear; -ms-transition: opacity 1s linear; -o-transition: opacity 1s linear; transition: opacity 1s linear; }
.fadeIn { opacity: 0.8;filter: alpha(opacity=80);}
.error { border: 1px solid red !important; }

 .loginBg{width:100%;height:100%;background:url("../img/loginBg.jpg") center no-repeat; background-size:100% 100%;}
 .loginBg .w{padding-top:262px;padding-left:620px;}
 .loginPanel{width:405px;}
 .loginPanel>p{ height:33px;line-height:33px; text-align:center;font-size:27px; letter-spacing:20px; color:#fff;}
 .loginPanel form{background:#fff; border-radius: 10px;}
 .loginPanel div.loginCon{width:405px;padding:25px 0px 0px 0px;margin-top:28px;}
 .loginPanel div.loginCon p{margin-top:18px;width:362px;height:43px; line-height: 43px; margin:0 auto 18px;}
 .loginPanel div.loginCon p:nth-child(2){margin:0 auto;}
 .loginPanel div.loginCon p:nth-child(3){margin:0;height:54px;line-height: 54px;}
 .loginPanel div.loginCon input[type="text"],.loginPanel div.loginCon input[type="password"]{font-size:13px;background:#EFEFEF;border:none;margin-bottom:18px;}
 .loginPanel div.loginCon .userNameSpan{float:left;display: inline-block;width:65px;height:100%; background:#EFEFEF url("../img/nameIcon.png") 15px center no-repeat;}
 .loginPanel div.loginCon .userpsdSpan{float:left;display: inline-block;width:65px;height:100%; background:#EFEFEF url("../img/psdIcon.png") 15px center no-repeat;}
 .loginPanel div.loginCon input[name="userName"]{ width:297px;height:100%;}
 .loginPanel div.loginCon input[name="userpsd"]{ width:297px;height:100%;}
 .loginPanel div.loginCon input[name="code"]{ float:left; width:142px;height:100%; padding-left:12px; }
 .loginPanel div.loginCon .getPsd{ float:right; color:#E0E0E0;font-size:14px;}
 .loginPanel div.loginCon .getCode{float:left;width:84px;height:43px;background:#fff;padding-top:0px;}
 .loginPanel div.loginCon .getCode canvas{display: inline-block;border:0;cursor: pointer;}
 .loginPanel .aLogin{ height:58px; border-bottom-left-radius: 10px;border-bottom-right-radius:10px;background:#3926B7;}
 .loginPanel .aLogin a{ display:inline-block; width:100%;height:100%;line-height: 58px; text-align: center; border-bottom-left-radius: 10px;border-bottom-right-radius:10px;color:#fff; font-size:18px;letter-spacing:26px;}

.navList{height:143px;}
.navList .w{position:relative;}
.navList .logo{position: absolute;z-index: 100; width:200px;height:183px; top:-41px; box-shadow:0 0 10px rgba(0,0,0,.2);background:#fff url(../img/logo.png) center no-repeat;}
.navList ul{float:right;margin-top:49px;margin-right:13px;}
.navList ul li{ float:left; width:152px;height:44px; line-height: 44px;text-align: center; border-radius: 3px;color:#424242; font-size:18px;}
.navList ul li a{color:#424242; }
.navList ul li.active{background:#1B9D17;color:#fff;}
.navList ul li.active a{color:#fff;}

h1.hposition{ position: relative; height:56px; line-height: 56px; border-bottom:1px solid #E7E7E7; font-weight: normal;font-size: 20px;color: #333;letter-spacing: 0.23px;}
h1.hposition span{position: absolute;display:inline-block;border:10px solid transparent; border-bottom:10px solid #F2F2F2;top:-20px;}

/*.orderInquiry  h1.hposition span{right:385px;}*/
/*.accountManage  h1.hposition span{right:73px;}*/
/*.purchaseRecord h1.hposition span{right:230px;}*/
/*.purchaseRecord{background:#F2F2F2;}
.purchaseRecord .recordCon{background:#fff;}*/

.inquiryTerm{width:100%;background:#F2F2F2;min-width:1200px;}
.inquiryTerm input{width:129px;height:32px;margin-right:41px;font-size:14px;letter-spacing: 0.16px;}
.inquiryTerm input[type="text"]{ border:1px solid #D2D2D2;background: #fff;padding-left:8px;font-size: 14px;color: #333333;letter-spacing: 0.16px;}
.inquiryTerm input[type="button"]{ border:none;outline: none; background:#1B9D17;color:#fff;border-radius: 3px;cursor: pointer;}
.inquiryCon{padding:19px 0px 19px 0px;border-bottom:1px dashed #C4C4C4;}
.inquiryCon>div{height:32px;line-height: 32px; margin-bottom:14px;}
.inquiryCon>div:last-child{margin:0;}
.inquiryCon>div>span{display: inline-block;font-size: 14px;color: #333333;letter-spacing: 0.16px;}
.inquiryCon>div label span:not(.setToday){display: inline-block;width:60px;height:32px; line-height: 32px;text-align: center; margin:0px 0px 0px 10px;font-size: 14px;color: #333333;letter-spacing: 0.16px; cursor: pointer;}
.inquiryCon>div label span.setToday{display: inline-block;width:40px;height:32px;line-height: 32px;text-align: center; font-size: 14px;color: #333333;letter-spacing: 0.16px; cursor: pointer;}
.inquiryCon>div label span.active{background:#1B9D17;color:#fff;border-radius: 3px;}

.inquiryList{padding:10px 0px 10px 0px;}
.inquiryList>div{/*margin-bottom:10px;*/ overflow: hidden;}
.orderInquiry .inquiryList>div:last-child{margin-top:10px;}
.inquiryList>div span{float:left; width:63px;height:25px;line-height: 25px; color:#494949;font-size:13px;}
.inquiryList>div ul li:first-child{text-align: left; width:49px;text-align: center;}
.inquiryList>div ul li.active{/*float:left; width:49px;height:25px; line-height: 25px;text-align: center;*/border-radius: 3px; background:#1B9D17; color:#fff;font-size: 14px;letter-spacing: 0.16px;}
.inquiryList>div ul{float:left;overflow: hidden;margin-left:10px;}
.inquiryList>div ul li{float:left;width:132px;text-align: center;text-align: center; height:25px;line-height: 25px;font-size: 14px;color: #333333;letter-spacing: 0.16px;}
.inquiryList>div ul li:hover{cursor:pointer;}

.pageList {float:right;}
.pageList a{float:left; display:inline-block;width:14px;height:26px;}
.pageList a:first-child{background:url("../img/arrowLeft.png") 0px 3px no-repeat;background-size:8px 20px;}
.pageList a:first-child.avail{background:url("../img/arrowLeftAvail.png") 0px 3px no-repeat; background-size:8px 20px;}
.pageList a:last-child{background:url("../img/arrowRight.png") 0px 3px no-repeat;background-size:8px 20px;}
.pageList a:last-child.avail{background:url("../img/arrowRightAvail.png") 0px 3px no-repeat;background-size:8px 20px;}
.pageList label{float:left;margin:0px 10px;}
.pageList input[type="text"]{ width:40px;height:25px;margin-right: 8px;text-align: center;padding:0;}

.accountManage .orderInquiryList{padding-bottom: 115px;}
.orderInquiryList{background: #fff;padding-bottom: 23px;}
.listCon{width:100%;}
.listCon tr{border-bottom:1px solid #E7E7E7;}
.listCon th{ height:56px; font-weight: normal;vertical-align: middle;text-align: center;font-size: 14px;color: #666;letter-spacing: -0.03px;}
.listCon td{ height:79px; vertical-align: middle;text-align: center;}
.listCon td p{font-size: 13px;color: #333333;letter-spacing: 0.15px;}
.listCon td:nth-child(3) p{width:90px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.listCon td:nth-child(6) p{width:120px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.listCon td:nth-child(7) p{width:80px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.listCon td h1{font-weight: normal; font-size: 13px;color: #3F3F3F;letter-spacing: -0.4px;line-height: 18px;}
.listCon td:first-child img{width:38px;height:38px;border-radius: 50%;}


.divSelect{  position: relative; display: inline-block;vertical-align: middle; border:1px solid #ccc; }
.divSelect .dropdownText{ float: left;padding: 0px 9px 0px 8px; color: #333;border:none; text-align: left; background:#fff;}
.divSelect .dropdownBtn{ float: left; background:#1B9D17 url("../img/dropdownArrow.png") center no-repeat;border:none;}
.divSelect .dropdownBtn:focus, .courseSelect .dropdownText:focus{ outline: none;box-shadow: none;}
.divSelect ul.dropdown-menu{display:none;position:absolute;z-index:1000;/* width: 100%;*/ margin: 0; top:29px; left:-1px;background: #fff; padding:0; border:1px solid #D2D2D2; cursor: pointer; }
.divSelect ul.dropdown-menu>li{ display: block;height: 28px; line-height: 28px;padding-left:8px; font-size:12px;color:#4A4949; }
.divSelect ul.dropdown-menu>li:hover{background: #1B9D17;color:#fff;}
.divSelect.overflow225 ul.dropdown-menu{height:168px;overflow-y:auto;}

.w146Select{width:146px;height:32px;}
.w146Select ul.dropdown-menu{width:146px;}
.w146Select .dropdownText{width:123px;height: 100%;}
.w146Select .dropdownBtn{width:21px;height: 100%;}

.w330Select{width:334px;height:32px;}
.w330Select ul.dropdown-menu{width:334px;}
.w330Select .dropdownText{width:311px;height: 100%;}
.w330Select .dropdownBtn{width:21px;height: 100%;}

.recordForm .divSelect{margin-right:37px;}
.recordForm{width:1200px;margin:0 auto;}
.recordForm input[type="text"]{width:146px;height:32px; padding-left:8px; border:1px solid #ccc;margin-right:37px; color:#494949;font-size:14px;}
.recordForm input[type="text"]:disabled{background:#fff;}
.recordForm input[type="text"].darkColor{background:#E1DDDD;}
.recordForm div.recordGroup{ position: relative; height:34px; line-height: 34px; margin-top:15px;}
.recordForm>div.recordGroup:first-child{padding-top:18px;margin-top: 0px;height: 59px;line-height: 59px;}
.recordForm div.recordGroup span{display: inline-block;width:107px;font-size:14px;color:#333;}
.recordForm div.recordGroup .price{position: relative;}
.recordForm div.recordGroup .price input{padding-right: 24px;}
.recordForm div.recordGroup .price i{position:absolute;right:42px; font-size:12px; font-style: normal; color:#3B3B3B;}
.recordForm div.recordGroup .serviceSpace{position: relative;}
.recordForm div.recordGroup .serviceSpace i{position:absolute;left:155px; font-style: normal; color:#3B3B3B;}
.recordForm a.addServiceBtn{display: inline-block; margin-top:56px; width:110px;height:32px;line-height: 32px;text-align: center;background:#1B9D17;color:#fff;border-radius: 3px;}

.accoutTotal{position:fixed; bottom:0; width:100%; height:92px;line-height:92px;background: #1B9D17; font-size: 24px;color: #FFFFFF;letter-spacing: 0.28px;}

/*.inquiryCon>div .setTime{position: relative;}*/
.inquiryCon>div>i{margin-right:16px; font-style: normal; color:#3B3B3B;top:3px;}
.inquiryCon>div input[type="text"].startTime{margin-right:16px;}


.modalPanel{position: fixed; top:0;right:0;bottom:0;left:0; background:rgba(0,0,0,0.5);z-index:1040;}
.modalPanel .modalBg{position:absolute; width:770px;height:420px;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);background:#fff;border-radius: 18px;}
.modalPanel .modalBg .modalTitle{height:61px;line-height:61px;padding:0px 24px 0px 24px;  font-size: 24px;color: #000;letter-spacing: 0px;}
.modalPanel .modalBg .modalTitle .closeModal{float:right;font-size:30px;cursor: pointer;}
.modalPanel .modalBg .modalBody{height:287px;overflow: hidden;overflow-y:auto;background: #F4F4F4;border: 1px solid #E5E5E5;}
.modalPanel .modalBg .modalFooter{height:72px;line-height: 72px;padding-left:24px;}
.modalPanel .modalBg .modalFooter a{display: inline-block; width:110px;height:32px;line-height: 32px;text-align: center;  background: #1B9D17; border-radius: 3px; font-size: 14px;color: #FFFFFF;letter-spacing: 0.16px;}

.orderInfo{height:30px;line-height: 30px;font-size: 14px;color: #333333;letter-spacing: 0.16px;padding-left:12px;}
.orderInfo span{display:inline-block;width:115px;}
.orderInfo p{display: inline-block;}
